<template>
	<view :class="{'box-shadow p20 bg-fff mb20 radius20':border}">
		<view class="flex ">
			<image :src="item.img" class="h152 w200 radius12" mode="aspectFill"></image>
			<view class="flex1 pl24 ov-h">
				<view class="fs30 fw-w line-1">{{item.name}}</view>
				<types :list="item.types" />
				<view class="line-1 color-666 fs24 mt16">{{item.department}}</view>
			</view>
		</view>
		<view class="flex mt26">
			<image src="/static/img/index/address.png" class="h28 w28" mode=""></image>
			<view class="w300  color-999 flex1 ml12 line-1">{{item.address}}</view>
			<!-- <view class="fs22 color-999 ">距离</view> -->
			<view class="color-zs mx10 fs22">{{item.distance}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "hospital",
		props: {
			item: {
				default: ''
			},
			border: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">

</style>